<template>
    <div>
        <el-dialog title="快捷回复" :visible.sync="dialogVisible" width="30%">
            <div v-for="item in replyList" :key="item" class="replyList">
                <span>{{item}}</span>
                <span @click="$emit('reply',item)">一键回复</span>
            </div>
        </el-dialog>
    </div>
</template>
<script>
export default {
    data() {
        return {
            replyList: ['感谢您的认可，我们会再接再厉！', '期待您的下次光临！', '祝您生活愉快，工作顺利！', '希望来日，一直有您的陪伴！', '因有您的建议，我们才会做的更好！'],
        }
    },
    computed:{
        dialogVisible:{
            set(val){
                this.$emit('update:oneReplyShow',val);
            },
            get(){
                return this.oneReplyShow;
            }
        }
    },
    props: {
        oneReplyShow: {
            type: Boolean,
            default: false
        }
    },
    
}
</script>

<style lang="scss" scoped>
.replyList {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    :last-child {
        cursor: pointer;
        color: #169bd5;
    }
}
</style>